<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>前端第四组个人名片</title>
    <link
      rel="stylesheet"
      href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css"
    />
    <link rel="stylesheet" href="./index.css" />
  </head>

  <body>
    <h1>HTML90 第四组</h1>
    <div class="box">
      <div
        class="card"
        id="wga"
        style="
          /* background-image: url('https://tse2-mm.cn.bing.net/th/id/OIP-C.oMzqAAum12qa5FETd5XmFQHaJQ?pid=ImgDet&rs=1'); */
          background-size: cover;
        "
      >
        吴国安
      </div>
      <div
        class="card"
        id="kx"
      >
      
      <div class="kaixiang" >
        <div></div>

      </div>
      <span>kaixiang</span>
      </div>
      <div
        class="card"
        style="
          background-image: url('https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fc-ssl.duitang.com%2Fuploads%2Fitem%2F202004%2F29%2F20200429083742_ktpdd.jpg&refer=http%3A%2F%2Fc-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1685279124&t=dfe54eb9a039ac2fd432ab5f1f6b90a2');
          background-size: cover;
        "
      >
        王思思
      </div>
      <div
        class="card"
        style="
          background-image: url('https://p6.itc.cn/images01/20210330/d7d19d216a424ca7976f98afc2332a90.jpeg');
          background-size: cover;
        "
      >
        熊超城
      </div>
      <div
        class="card"
        style="
          background-image: url('https://image.xcar.com.cn/attachments/a/day_120121/2012012118_ec1ce64916eda6f61367ZsBorn4bsUR3.jpg');
          background-size: cover;
          position: relative;
        "
      >
        段健锐
        <div class="fangdajing"></div>
      </div>
      <div
        class="card"
        style="
          background-image: url('https://img0.baidu.com/it/u=1300746971,2067927305&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=333');
          background-size: cover;
        "
      >
        郭政扬
      </div>
    </div>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"></script>
    <script src="./index.js"></script>
  </body>
</html>
